<template>
	<view class="home">
		<!-- 自定义导航栏 -->
		<navbar></navbar>
		<tab :list="tabList" :tabIndex="tabIndex" @tab="tab"></tab>
		<view class="home-list">
			<list :tab="tabList" :activeIndex="activeIndex" @change="change"></list>
		</view>
<!-- 		<button @click="myopen">执行云函数测试数据增删改查</button>
		<button @click="myChooseImage">执行云函数测试图片上传</button>
		<image :src="src" mode=""></image> -->
	</view>
</template>

<script>
	// easyCom components/组件名/组件名.vue 局部引入
	export default {
		data() {
			return {
				title: 'Hello',
				tabList: [],
				tabIndex: 0,
				activeIndex: 0,
				src: ''
			}
		},
		onLoad() {
			// uniCloud.callFunction({
			// 	name: "get_test",
			// 	success(res) {
			// 		console.log('测试云函数调用成功', res)
			// 	}
			// })
			uni.$on('labelChange', (res) => {
				this.tabList = []
				this.tabIndex = 0
				this.activeIndex = 0
				this.getLabel()
			})
			this.getLabel()
		},
		methods: {
			// myChooseImage() {
			// 	let self = this;
			// 	// uniCloud.deleteFile({
			// 	// 	fileList:['https://vkceyugu.cdn.bspapp.com/VKCEYUGU-unibe008ce/35c75210-8ea3-11ea-9e8b-05a3242b26f2.jpeg'],
			// 	// 	success(res) {
			// 	// 		console.log(res);
			// 	// 	},
			// 	// 	fail: (res) => {
			// 	// 		console.log(res);
			// 	// 	}
			// 	// })
			// 	uni.chooseImage({
			// 		count: 1,
			// 		success(res) {
			// 			const tempPath = res.tempFilePaths[0];
			// 			console.log(tempPath);
			// 			uniCloud.uploadFile({
			// 				filePath: tempPath,
			// 				success(res) {
			// 					console.log(res);
			// 					self.src = res.fileID
			// 				},
			// 				fail(res) {
			// 					console.log(res);
			// 				}
			// 			})
			// 		},
			// 		fail(res) {
			// 			console.log(res)
			// 		}
			// 	})
			// },
			// myopen() {
			// 	uniCloud.callFunction({
			// 		name: "get_test", //云函数名称
			// 		data: { //云函数入参,传递给event
			// 			name: "lllllllll"
			// 		},
			// 		success(res) {
			// 			console.log(res);
			// 		},
			// 		fail(res) {
			// 			console.log(res);
			// 		}
			// 	})
			// },
			change(current) {
				this.tabIndex = current
				this.activeIndex = current
				// console.log('当前swiper的值：',current);
			},
			tab({
				data,
				index
			}) {
				console.log(data, index);
				this.activeIndex = index
			},
			getLabel() {
				// 调用云函数方法
				this.$api.get_label().then((res) => {
					const {
						data
					} = res
					// console.log('标签 ', data);
					//用代码在所有项目前插入  ‘全部‘
					data.unshift({
						name: '全部'
					})
					this.tabList = data
					// 	console.log(this.tabList);
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		height: 100%;
		display: flex;
	}

	.home {
		display: flex;
		flex-direction: column;
		flex: 1;
		overflow: hidden;

		.home-list {
			flex: 1;
			box-sizing: border-box;
		}
	}
</style>
